<!--
    bootstrap-icon
-->
<script setup>
import {ref, reactive, computed, onMounted} from "vue";
import {useStore} from "vuex";
import {useRouter} from "vue-router";

const props = defineProps({
    name: {
        type: String,
        default: () => "bi-recycle"
    },
    size: {
        type: [String, Number],
        default: () => "18"
    }
});

const emits = defineEmits();

const iconStyle = computed(() => {
    return `font-size: ${props.size}px;`
})

onMounted(() => {

})
</script>

<template>
    <i class="bi b-icon" :class="name" :style="iconStyle"></i>
</template>
<style scoped lang="scss">
.BIcon {
    display: inline;
    flex-direction: row;
    justify-content: center;
    align-content: center;
}
</style>